<!DOCTYPE html>
<html lang="en" style="width: 100%; height: 100%;">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/joinGame.css">
    <link rel="stylesheet" href="../public/lib/element/index.css">
    <script src="../public/lib/vue.js"></script>
    <script src="../public/lib/vue-router.js"></script>
    <script src="../public/lib/vue-resource.js"></script>
    <script src="../public/lib/element/index.js"></script>

</head>

<body style="width: 100%; height: 100%;margin: 0">
    <div style="width: 100%; height: 100%;margin: 0" id="joinGame" class="joinGameWrap">
        <div class="header">
            <el-link>
                房间号：{{roomNumber}}({{status}})
            </el-link>
        </div>
        <el-divider></el-divider>
        <div class="content">
            <div class="preview">
                <div class="count">
                    当前人数/总数：7/9
                    <span>刷新</span>
                </div>
                <el-divider direction="vertical"></el-divider>
                <div class="getRole">
                    <el-button type="primary">获取身份</el-button>
                </div>
            </div>
            <el-divider></el-divider>
            <div class="detailsWrap">
                <div class="details">
                    <div class="userNumber item">
                        玩家号码:5
                    </div>
                    <div class="userStatus item">
                        状态：alive
                    </div>
                    <div class="userRole item">
                        玩家身份: 狼人
                    </div>
                    <div class="skillIsactive item">
                        技能状态：yes
                    </div>
                </div>
                <el-divider></el-divider>
                <div class="skillDetail">
                    狼人技能概述：
                </div>
            </div>
           
        </div>
        <div class="footer">
            <el-button type="danger">退出房间</el-button>
        </div>
    </div>
    <script src="../js/joinGame.js"></script>
</body>

</html>